<template>
	<div class="style-containers-box">
		<!--<UserCard title="扫一扫会员卡组件"></UserCard>-->
		<Carousel></Carousel>
		<activitiesbanner title="下滑图片模块"></activitiesbanner>
		<!--<NewZone title="专题活动标题图片"></NewZone>--><!--(常规活动页面不可拉入此组件)-->
		<!--<activitiesThreePic title="三列下滑图片"></activitiesThreePic>-->
		<activitiesSlidePic title="多列横滑图片"></activitiesSlidePic>
		<!--<activitiesNewBot title="底部文字说明"></activitiesNewBot>-->
		<activitiesOnePro title="单列下滑商品"></activitiesOnePro>
		<activitiesTwoPro title="双列下滑商品"></activitiesTwoPro>
		<activitiesNinePro title="三列下滑商品"></activitiesNinePro>
		<GuessYouLike title="猜你喜欢"></GuessYouLike>
		<ActivitieCoupons title="固定优惠券"></ActivitieCoupons>
		<ActivitieCoupons2 title="自定义图片优惠券"></ActivitieCoupons2>
	</div>

</template>

<script>
import Carousel from "../../style-components/Carousel";
import activitiesbanner from "../../style-components/activitiesbanner";
import UserCard from "../../style-components/UserCard";
import NewZone from "../../style-components/NewZone";
import activitiesThreePic from "../../style-components/activitiesThreePic";
import activitiesSlidePic from "../../style-components/activitiesSlidePic";
import activitiesNewBot from "../../style-components/activitiesNewBot";
import activitiesTwoPro from "../../style-components/activitiesTwoPro";
import activitiesOnePro from "../../style-components/activitiesOnePro";
import activitiesNinePro from "../../style-components/activitiesNinePro";
import GuessYouLike from "../../style-components/GuessYouLike";
import ActivitieCoupons from "../../style-components/ActivitieCoupons";
import ActivitieCoupons2 from "../../style-components/ActivitieCoupons2";
export default {
  	name: 'hello',
  	data () {
    	return {
			msg: '这是测试首页'
		}
	},
	components: {
		Carousel,
		UserCard,
		activitiesbanner,
		NewZone,
		activitiesThreePic,
		activitiesSlidePic,
		activitiesNewBot,
		activitiesTwoPro,
		activitiesOnePro,
		activitiesNinePro,
		GuessYouLike,
		ActivitieCoupons,
		ActivitieCoupons2
	},
	created () {
		
	},
	mounted () {
		
	}
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
	.box {
		 display: flex;
		 width: 100%; 
	}
</style>
